
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1">
		<title>我的参课客户</title>			
		<link rel="stylesheet" type="text/css" href="../static/azxcrm/css/wap/aui.css" th:href="@{/azxcrm/css/wap/aui.css}"/>
		<link rel="stylesheet" type="text/css" href="../static/azxcrm/css/wap/mylesson.css" th:href="@{/azxcrm/css/wap/mylesson.css}"/>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_835360_5n3z54a5m1.css"/>
	    <script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
	</head>
	<body>
	<header class="aui-bar aui-bar-nav">
	    <div class="aui-title">我的参课客户</div>
	    <a th:href="@{/wap/wapMy}" class="aui-pull-left aui-btn">
	       		 <span class="iconfont icon-fanhui1">返回</span>
	    	</a>
	    <a th:href="@{/wap/order/customerAttendance}" class="aui-pull-right aui-btn aui-btn-outlined">
	        <span>添加参课信息</span>
	    </a>
	</header>
	<div class="aui-warp">
		<div class="aui-searchbar" id="search">
		    <div class="aui-searchbar-input aui-border-radius">
		        <i class="iconfont icon-sousuo"></i>
		        <form action="javascript:search();">
		            <input type="search" placeholder="请输入搜索内容" id="search-input" oninput="doSearch()">
		        </form>
		    </div>  
		    <div class="aui-searchbar-cancel" tapmod>取消</div> 
		</div>
		<div class="aui-card-list">      
		    <div class="aui-card-list-content">
		        <ul class="aui-list aui-media-list">
		            <li class="aui-list-item aui-list-item-middle" th:each="customerAttendance : ${list}">
		                <a class="aui-media-list-item-inner" th:href="@{/wap/order/recordAttendance(attendId=${customerAttendance.attendId})}">
		                    <div class="aui-list-item-media">
		                        <img src="../static/azxcrm/image/wap/list-heder.png" class="aui-img-round aui-list-img-sm" th:src="@{/azxcrm/image/wap/list-heder.png}">
		                    </div>
		                    <div class="aui-list-item-inner">
		                        <div class="aui-list-item-text">
		                            <div class="aui-list-item-title aui-font-size-14" th:text="${customerAttendance.attendCustName}">
		                            	<p><span class="sign">参课时间:</span>
		                            	<span th:text="${customerAttendance.attendanceTime}"></span></p>
		                            </div>                           
		                        </div>  
		                        <div class="aui-list-item-text" th:text="${customerAttendance.cellphoneNum}">
		                        </div>
		                    </div>
		                </a>
		            </li>
		        </ul>
		    </div>
		</div>
	</div>   
	</body>
</html>
<script>
   var search=document.querySelector('.aui-searchbar-input')
       search.onclick=function(){
	   $('.aui-searchbar-cancel').css('margin-right','10px')
   }
   var cancelBtn=document.querySelector('.aui-searchbar-cancel')
   cancelBtn.onclick=function(){
	   document.querySelector('.aui-searchbar-cancel').style.display='none';	 
	   document.getElementById('search-input').value='';
	   $('.aui-list-item-text').siblings('.aui-list-item-text').parents('.aui-list-item-middle').css('display','block');
   }
   function doSearch(){
	   $('.aui-searchbar-cancel').css('display','block');
	   var Value=$('#search-input').val();
	   if(Value){
		   $('.aui-list-item-text').siblings('.aui-list-item-text').parents('.aui-list-item-middle').css('display','none');
		   $('.aui-list-item-text:contains('+Value+')').parents('.aui-list-item-middle').css('display','block'); 
	   }
	   
   }
   
</script>